<template>
  <div class="CharginChange flexb" :style="$store.state.app.language === 'en' ? 'padding: 0 40px' : ''">
    <div @click="handleCoinCharging(2)">
      <div class="list">
        <img src="@/assets/img/charge.png" alt="">
        <!-- 充币 -->
        <span class="ml5">{{ $t('ct.ct1') }}</span>
      </div>
    </div>
    <div @click="handleCoinCharging(1)">
      <div class="list">
        <img src="@/assets/img/charge.png" alt="">
        <!-- 提币 -->
        <span class="ml5">{{ $t('ct.ct2') }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CharginChange', // 充提选择弹窗
  data() {
    return {
    }
  },
  components: {},
  props: {},
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    handleCoinCharging(way) {
      this.$emit('listenCharginChange', way)
    }
  },
}
</script>
<style lang="scss" scoped>
.CharginChange {
  padding: 0 70px;

  .list {
    cursor: pointer;

    img, span {
      display: block;
    }

    img {
      margin: 0 auto 10px;
    }
  }

  .line {
    width: 100%;
    height: 1px;
    background: #E1E1E1;
    margin: 10px 0;
  }
  img {
    width: 30px;
  }
  i {
    color: #4A90E2;
  }
}
</style>
